<!DOCTYPE html>
<html ng-app>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>controller-method-aruments</title>
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
		<style type="text/css">
			.ng-cloak {
				display: none;
			}
		</style>
	</head>
	<body class="ng-cloak">
		<div ng-controller="SpicyCtrl">
			<input ng-model="customSpice" value="wasabi"/>
			<button ng-click="spicy(customSpice)">
				customSpice
			</button>
			<br/>
			<button ng-click="spicy('Chili')">
				Chili
			</button>
			<p>
				The food is {{spice}} spicy!
			</p>
		</div>

		<script src="libs/angular.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			function SpicyCtrl($scope) {
				$scope.spice = "very";
				$scope.spicy = function(spice) {
					$scope.spice = spice;
				};
			}
		</script>
	</body>
</html>